<ui:composition template="template.xhtml" xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:c="http://java.sun.com/jstl/core"
                xmlns:t="http://myfaces.apache.org/tomahawk">
    <ui:define name="customs">
    </ui:define>
    <ui:define name="title">
    </ui:define>
    <ui:define name="main-content">
        <h:form id="homeForm">
            <center>
                <table width="80%">
                    <tr>
                        <td width="20%" align="center">
                            <a class="linkopacity" href="#{contextPath}/confirmation/search.jsf" >
                                <img src="#{contextPath}/images/attendee.jpg" alt="Confirmacion"/>                            
                            </a>
                        </td>
                        <td width="20%" align="center">
                            <a class="linkopacity" href="#{contextPath}/registration/searchRegistration.jsf" >
                                <img src="#{contextPath}/images/mergeCustomers.jpg" alt="Busqueda"/>
                            </a>
                        </td>
                        <td width="20%" align="center">
                            
                        </td>
                        <td width="20%" align="center">
                            
                        </td>                        
                    </tr>
                    <tr>
                        <td align="center">
                            <h3 style="font-weight:bold; color:dimgray;">CONFIRMACION</h3>
                        </td>
                        <td align="center">
                            <h3 style="font-weight:bold; color:dimgray;">BUSQUEDA</h3>
                        </td>
                        <td align="center">
                        </td>
                        <td align="center">
                        </td>
                    </tr>
                    <tr>
                        <td width="20%" align="center">
                            <h:commandLink onclick="javascript:printReport('rpt_participacion_pais.rptdesign');">
                                <img src="#{contextPath}/images/attendeesByCountry.jpg" alt="Busqueda"/>
                            </h:commandLink>
                        </td>
                        <td width="20%" align="center">
                            <h:commandLink onclick="javascript:printReport('rpt_participacion_categoria.rptdesign');">
                                <img src="#{contextPath}/images/attendeesByCategory.jpg" alt="Busqueda"/>
                            </h:commandLink>
                        </td>
                        <td width="20%" align="center">
                            <h:commandLink onclick="javascript:printReport('rpt_participacion_hotel.rptdesign');">
                                <img src="#{contextPath}/images/attendeesByHotels.jpg" alt="Busqueda"/>
                            </h:commandLink>
                        </td>
                        <td width="20%" align="center">
                            <h:commandLink onclick="javascript:printReport('rpt_participacion_llegada.rptdesign');">
                                <img src="#{contextPath}/images/attendeesByHotels.jpg" alt="Busqueda"/>
                            </h:commandLink>
                        </td>
                    </tr>
                    <tr>
                        <td align="center">
                            <h3 style="font-weight:bold; color:dimgray;">REPORTE POR PAIS</h3>
                        </td>
                        <td align="center">
                            <h3 style="font-weight:bold; color:dimgray;">REPORTE POR CATEGORIA</h3>
                        </td>
                        <td align="center">
                            <h3 style="font-weight:bold; color:dimgray;">REPORTE POR HOTELES</h3>
                        </td>
                        <td align="center">
                            <h3 style="font-weight:bold; color:dimgray;">REPORTE POR LLEGADAS</h3>
                        </td>
                    </tr>
                </table>
            </center>
        </h:form>
        <script>
            function printReport(report){
                window.open('/birt-viewer/frameset?__report=report/' + report,'CONESCAPAN_XXXIII','height=700,width=800,status=yes,toolbar=no,menubar=no,location=no,resizable=yes');
            }
        </script>
    </ui:define>
</ui:composition>